<template>
  <div class="input">
    <span v-show="$router.path !== '/'" class="iconfont icon-search"></span>
    <input
      :type="type"
      :placeholder="placeholder"
      :class="['ipt', 'ipt-' + ipt]"
    />
  </div>
</template>
<script>
export default {
  props: {
    type: {
      type: String,
      default: "text",
    },
    placeholder: {
      type: String,
      default: "",
    },
    ipt: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.ipt-top_search {
  border-radius: 0.2rem;
  padding-left: 0.5rem;
  line-height: 0.5rem;
  outline: none;
  border: none;
  background: #f2f2f2;
}
span {
    position: relative;
    right: -.4rem;
}
</style>